<template>
  <div>
  <div id="parkshow_head" style="width:1004px;height: 99px;margin:0 auto;">
    <div >
      <div id="parkshow_head_title" style="width:300px;height: 71px;float: left;">
        <h3 style="color:rgb(81,144,210);padding-top: 35px;">园区服务</h3>
      </div>
      <div style="float: right;"><ul>
        <li style="font-size: 12px;"> 当前位置：</li>
        <li><a href="">&nbsp;首页&nbsp;</a></li>
        <li>&nbsp;>>&nbsp;</li>
        <li><router-link to="/yqfw/serviceInformation">&nbsp;园区服务&nbsp;</router-link></li>
        <li>&nbsp;>>&nbsp;</li>
        <li><router-link to="/yqfw/protal">&nbsp;我要服务&nbsp;</router-link></li>
      </ul></div>
    </div>
    <hr align=center width=100% color=#A3BBE3 size=1>
  </div>
  <div style="margin: 0 auto;width: 1004px;height: 650px;">
    <div style="width: 258px;height: 337px;float: left;">
      <ul id="parkshow_menuing" >
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div  class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/serviceInformation" style="color: rgb(74,74,74);">园区服务</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/protal"  style="color: rgb(81,144,210);">我要服务</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/LifeAndBasic" style="color: rgb(74,74,74);" >生活配套</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/enter" style="color: rgb(74,74,74);">我要入驻</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/investMentandFinancing" style="color: rgb(74,74,74);">我要融资</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/personNeltraining" style="color: rgb(74,74,74);">人才服务</router-link></div>
        </li>
        <li>
          <div style="width: 2px;height: 10px; border-left: 2px solid lightgray;float: left;position: relative;top: 7px;left: 8px;"></div>
          <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
          <div class="parkshow_menuing_right"><router-link to="/yqfw/technicalAndNetwork" style="color: rgb(74,74,74);">技术支持</router-link></div>
        </li>
      </ul>
    </div>
    <div id="swpp_content" style="width: 746px;height: 761px;float: right;">
      <div style="width: 742px;height: 80px;float: left;margin-bottom: 25px;">
        <img src="../../assets/wyfw1.png" style="width: 120px;height: 85px;float: left;">
        <div style="width: 640px;height: 19px;font-size: 13px;padding-top: 20px;padding-bottom: 5px;">园区为企业/团队提供从了解园区、企业入驻、人才公寓、培训、企业宣传等服务，帮助企业成长。</div>
        <span><a href="">查看入驻申请</a></span>
        <span><a href="">查看入驻意向</a></span>
        <span><a href="">人才公寓</a></span>
        <span><a href="">信息发布</a></span>
      </div>
      <div style="width: 742px;height: 80px;float: left;margin-bottom: 25px;">
        <img src="../../assets/wyfw2.png" style="width: 120px;height: 85px;float: left;">
        <div style="width: 640px;height: 19px;font-size: 13px;padding-top: 20px;padding-bottom: 5px;">园区提供办公场地外的场地使用申请服务，如：运动场地、活动举办场地、会议场地等。</div>
        <span><a href="">我要申请</a></span>
      </div>
      <div style="width: 742px;height: 80px;float: left;margin-bottom: 25px;">
        <img src="../../assets/wyfw3.png" style="width: 120px;height: 85px;float: left;">
        <div style="width: 640px;height: 19px;font-size: 13px;padding-top: 20px;padding-bottom: 5px;">园区提供物业报修、物业费缴纳等服务。</div>
        <span><a href="">我要报修</a></span>
        <span><a href="">我要缴费</a></span>
      </div>
      <div style="width: 742px;height: 80px;float: left;margin-bottom: 25px;">
        <img src="../../assets/wyfw4.png" style="width: 120px;height: 85px;float: left;">
        <div style="width: 640px;height: 19px;font-size: 13px;padding-top: 20px;padding-bottom: 5px;">园区提供车位申请、停车费缴纳等服务。</div>
        <span><a href="">我要申请</a></span>
        <span><a href="">我要缴费</a></span>
      </div>
      <div style="width: 742px;height: 80px;float: left;margin-bottom: 25px;">
        <img src="../../assets/wyfw5.png" style="width: 120px;height: 85px;float: left;">
        <div style="width: 640px;height: 19px;font-size: 13px;padding-top: 20px;padding-bottom: 5px;">园区为入驻的商户和关注商户的消费者提供服务，也搭建起商户提供服务的桥梁。</div>
        <span><a href="">餐厅</a></span>
        <span><a href="">咖啡</a></span>
        <span><a href="">超市</a></span>
      </div>
      <div style="width: 820px;height: 80px;float: left;margin-bottom: 25px;">
        <img src="../../assets/wyfw6.png" style="width: 120px;height: 85px;float: left;">
        <div style="width: 700px;height: 65px;font-size: 13px;position: relative;top: 5px;">现代都市中正出现一类富有浓厚时代气息的特殊人群--“拼族”，这个群体所带出的“拼”字，展现着一种精明与分享的生活观。 <br>
          园区提供拼车、拼租房、拼出游等板块，大家可以通过留言，寻找园区志同道合的伙伴一起创建园区美好生活。</div>
        <span><a href="">我要拼车</a></span>
        <span><a href="">我要拼租房</a></span>
        <span><a href="">我要拼出游</a></span>
      </div>
      <div style="width: 742px;height: 80px;float: left;margin-bottom: 25px;padding-bottom: 5px;">
        <img src="../../assets/wyfw7.png" style="width: 120px;height: 85px;float: left;">
        <div style="width: 640px;height: 19px;font-size: 13px;padding-top: 20px;">入驻企业/人员在线提交各类意见、投诉、建议等信息。</div>
        <span><a href="">我要反馈</a></span>
      </div>
    </div>
  </div>
  </div>
</template>

<script>
    export default {
        name: "wyfw"
    }
</script>

<style scoped>
  *{
    margin: 0 auto;
    padding: 0;
  }

  #parkshow_head li{
    list-style: none;
    float:left;
    font-size: 12px;
    padding-top: 35px;

  }

  #parkshow_head li a{
    text-decoration:none;
    font-size: 12px;
    color: black;
  }
  #parkshow_head li a:hover{
    color: rgb(81,144,210);
  }
  #parkshow_menuing li{
    float: left;
    width: 255px;
    height: 50px;
    list-style: none;
    float:left;
  }
  #parkshow_menuing li div a:hover{
    color: rgb(81,144,210);
  }
  .parkshow_menuing_left{
    width: 25px;
    height: 50px;
    float: left;
  }
  .parkshow_menuing_right{
    width: 220px;
    height: 50px;
    float: left;
  }
  .parkshow_menuing_right a{
    text-decoration:none;
    font-size: 15px;
    color: black;
    width: 60px;
    height: 20px;
  }
  #swpp_content a{
    text-decoration:none;
    font-size: 13px;
    color: #517bc0;
  }
  #swpp_content a:hover{
    text-decoration:underline;
  }
  #swpp_content span{
    width: 100px;
    height: 20px;
    float: left;
  }
</style>
